@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .swiper-pagination-yi{bottom: 20px;position: absolute;bottom:15px;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}

.swiper-button-next, .swiper-button-prev{width: 50px;height: 50px;margin-top: -25px;}
.banner .left{right: 2%;outline: medium;color: #FFF;}
.banner .right{left: 2%;outline: medium;height: 50px;color: #FFF;}
.swiper-pagination-bullet{width: 50px;height: 7px;outline: medium;opacity: 1;border-radius: 0px;}
.swiper-pagination-white .swiper-pagination-bullet-active{background: #0c42ac;opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
.swiper-pagination-white .swiper-pagination-bullet-active{color: #0c42ac;}

.search{height:66px;background:#fff;overflow: hidden;font-size: 14px;font-family:"Microsoft Yahei";border-bottom: 1px solid #e8e8e8;}
.keywords{ font-weight: normal;line-height: 66px; width: 720px; overflow: hidden; float: left;color: #aaaaaa;}
.keywords b{height:66px; display: inline-block; color: #666666; font-weight: normal; font-size:14px; background:url(../images/hot.png) no-repeat left center;padding-left: 30px;}
.keywords a{color: #aaaaaa;line-height:66px;font-size: 14px;}
.sea{overflow: hidden;width:414px; float: right;margin-top:0; height: 66px;background: url(../images/s.png) no-repeat left center;}
.inp01{border-style: none;  float:left;color: #939393; width:318px; height: 66px;font-family:"Microsoft Yahei"; font-size: 14px; background:none;  line-height: 72px;box-sizing: border-box;padding-left: 30px;}
.inp02{border-style: none;cursor: pointer;height:66px;width:96px;background:none; display: inline-block; color: #fff;}

/* 我们的产品 */
.zj-set3{padding:3% 0;background:#f5f5f5}
.zj-set3-vont{display:flex;justify-content:space-between;align-content:center}
.zj-set3-nav{width:20%;background:url("../images/zj-set3-nav-bj.jpg") no-repeat;background-size:100% 100%}
.zj-set3-nav .txt{width:100%;text-align:center;background:url("../images/zj-set3-tit.png") no-repeat;background-size:100% 100%;padding:32px 0}
.zj-set3-nav .txt .plbt{font-size:36px;color:#fff;margin-bottom:12px}
.zj-set3-nav .txt p{color:#fff;font-size:18px}
.zj-set3-con{width:78%}
.zj-set3-nav ul{width:80%;margin:0 auto;padding:2% 0; overflow: hidden;}
.zj-set3-nav ul li{display:block;width:100%;margin-bottom:12px}
.zj-set3-nav ul a{display:block;width:100%;text-align:center;border:1px solid #d5cece;border-radius:23px;font-size:16px;color:#333333;line-height:40px;position:relative;overflow:hidden;z-index:1}
.zj-set3-nav ul a::before{width:100%;content:"";height:0;display:block;background:#0c42ac;position:absolute;right:0;top:50%;z-index:-1;transform:translateY(-50%);opacity:0;transition:all 0.5s ease-in-out}
.zj-set3-nav ul a:hover::before{height:100%;opacity:1}
.zj-set3-nav ul a:hover{color:#fff}
.zj-set3-nav ul li.on a::before{height:100%;opacity:1; background: #0c42ac;}
.zj-set3-nav ul li.on a{color:#fff}
.zj-set3-con .txt{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #e1e1e1;background: #0c42ac; padding: 1% 2%;}
.zj-set3-con .txt .prbt{font-size:28px;color:#fff}
.zj-set3-con .txt a{font-size:16px;color:#fff}
.zj-set3-pro ul{display:flex;flex-wrap:wrap; margin-right:-1%;}
.zj-set3-pro ul li{width:24%;margin-right:1%;margin-bottom:2%}
.zj-set3-pro ul li .img{width:100%;overflow:hidden}
.zj-set3-pro ul li .img img{width:100%;transition:all 0.5s}
.zj-set3-pro ul li .pwz{line-height:60px;color:#333333;background:#fff;text-align:center;position:relative;z-index:1}
.zj-set3-pro ul li .pwz::before{width:100%;content:"";height:0;display:block;background:#0c42ac;position:absolute;right:0;top:50%;z-index:-1;transform:translateY(-50%);opacity:0;transition:all 0.5s ease-in-out}
.zj-set3-pro ul li:hover img{transform:scale(1.1)}
.zj-set3-pro ul li:hover .pwz{color:#fff}
.zj-set3-pro ul li:hover .pwz::before{opacity:1;height:100%}

.zj-set5{background:url("../images/zj-set5-bj.jpg") no-repeat;background-size:100% 100%;padding:4% 0}
.zj-set5-cont{display:flex;align-items:center;justify-content:space-between}
.zj-set5-cont .tit .gbt{font-size:36px;color:#fff}
.zj-set5-cont .tit p{font-size:16px;margin:20px 0;color:#fff}
.zj-set5-cont .tit a{width:150px;display:block;background:#060605;color:#fff;border-radius:3px;text-align:center;line-height:38px;font-size:16px;transition:all 0.5s}
.zj-set6-cont li:hover img{transform:scale(1.1)}
.zj-set6-cont li:hover h6{color:#d12f2e}
.zj-set5-cont .tit a:hover{opacity:0.8;transform:translateY(-4px)}
.zj-set5-cont .ul{width:62%}
.zj-set5-cont .ul ul{display:flex;justify-content:space-between}
.zj-set5-cont .ul ul li{text-align:center}
.zj-set5-cont .ul ul li h6{font-size:48px;color:#fff;margin-bottom:12px}
.zj-set5-cont .ul ul li p{font-size:16px;color:#ffffff}
.zj-set5-cont .ul ul li::after{width:13px;height:13px;content:"";display:block;margin:30px auto 0;background:#fff}


/*优势*/
.adv_bg {margin-top: 3%;}
.title{text-align: center;}
.title dl{font-size: 40px; font-weight: bold;color: #0c42ac;line-height: 44px;}
.title p{ font-size: 18px; color: #555;font-weight: lighter; line-height:50px; background: url(../images/dgzccnc07.png) center bottom no-repeat;padding-bottom: 25px;}

.wb5 {background: url(../images/dgzccnc17.png);max-width: 407px;height: 37px;line-height: 38px;margin: auto;color: #fff;font-size: 20px;font-weight: bold;text-align: center;margin-top: 20px;}
.p1 {background: url(../images/dgzccnc18.png); max-width: 1007px; margin: auto; height: 16px; margin-top: 20px;}
#ys {overflow: hidden;background-repeat: no-repeat; margin: 0 auto;    padding-top: 2%;}
.ys_wz{ width:55%; height:auto;}
.ys_wz li{overflow: hidden;margin:4% 1% 6%; box-sizing: border-box;}
.ys_xh{width:172px; height:160px; background:url(../images/dgzccnc19.png) no-repeat; padding-left:15px; text-transform : uppercase}
.ys_xh span{ display:block; color: #0c42ac; font-size: 50px; font-family: -webkit-pictograph; padding-top: 20px;}
.ys_xh strong{ display:block; font-size:28px;padding-top: 7px;color: #333;}
.ys_nr{width:68%;font-size: 14px;line-height: 26px;}
.ys_nr span{display:block; font-size:24px; font-weight:bold; color:#0c42ac;    padding: 15px 0px;}
.ys_img{ height:auto; width: 38%;}
.ys_img img{width: 100%; height: auto;}

.gg{ width:100%; height:230px;background: url(../images/dgzccnc16.jpg) center no-repeat;margin-top:3%;}
.zx a{ display:block;font-size: 20px;color: #fff;-webkit-writing-mode: tb-rl;-ms-writing-mode: tb-rl;writing-mode: tb-rl;text-align: center; line-height: 85px;padding-top: 55px;    height: 115px;}
.gg_nr{font-size: 36px;color: #fff;font-weight: bold;padding: 3%;}
.gg_nr b{display: block;height: 45px;font-size: 25px; font-weight: normal; border: 1px solid #fff;line-height: 45px;text-align: center;margin-top: 15px;}

.appl{overflow: hidden; padding: 3% 0;}
.j_title{text-align: center;font-size: 40px;color: #333;}
.j_title i{color: #333; font-style: normal;}
.j_title span{display: block;font-size: 18px;margin: 5px 0 20px 0;}
.j_title em{ font-size:0; display:block;height: 8px; font-style: normal;}
.j_title em i{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#ccd2cc;animation: bounce_fountainG 1.2s linear infinite;} 
.j_title em i+i{ margin-left:16px;}
.j_title em i:nth-child(1){animation-delay: .4s;}
.j_title em i:nth-child(2){background:#0c42ac;animation-delay: .6s;}
.j_title em i:nth-child(3){animation-delay: .8s;}

.appl_d{margin-top: 3%; overflow: hidden;}
.appl_dl{width: 49.5%;}
.appl_dr{width: 49.4%;}
.appl_d table td{padding:0 !important;display: block;  float:left; position: relative; overflow: hidden; }

.appl_d table td div{position: absolute; bottom:0; padding:0 !important; width:100%; line-height:50px; background:rgba(0,0,0,0.3); -webkit-transition:0.3s all linear; transition:0.3s all linear; }
.appl_d table td div a{color:#fff; font-size:16px;display: block; position: relative; -webkit-transition:0.3s all linear; transition:0.3s all linear;}
.appl_d table td:hover div a{height:80%; padding-top:20%;}
.appl_d table td div a:before{content:"+"; font-size:40px; display: block; color:#fff;  border-radius:100%;  -webkit-transition:0.2s all ease-in-out; transition:0.2s all ease-in-out;position: absolute;box-shadow: 0 0 0 40px rgba(6,140,234,0.2);background:rgba(6,140,234,0.6); opacity:0;}
.appl_d table td:hover div a:before{opacity:1; -moz-transform:scale(0.4);-webkit-transform:scale(0.4);-ms-transform:scale(0.4);transform:scale(0.4);}
.appl_d table td:hover div{height:100%;}

.appl_dl table td{width:100%;height:auto;}
.appl_dl table td img{width: 100%;}
.appl_dl table td:hover div a{ padding-top:30%;}
.appl_dl table td div a:before{left:40%; top:38%;width:150px; height:150px; line-height:150px;}
.appl_dr table td{width:48%; height:auto; margin-bottom:20px;}
.appl_dr table td img{width: 100%;}
.appl_dr table td+td{margin-left:2%;}
.appl_dr table td div a:before{ top:38%; left:36%;  width:100px; height:100px;line-height:100px;}

.about{ height:auto; background:url(../images/20210430164220_456162833.jpg) no-repeat center bottom; overflow: hidden; padding-bottom: 4%;}
.abcon{ width:54%; height:auto; box-sizing:border-box; padding:3.333%; background:#f5f5f5;border-radius: 0px 0px 20px 0px;}
.ab_t{ font-size:38px; color:#0c42ac;}
.ab_t em{ display:block; font-size:41px; line-height:40px; color:#0c42ac; font-family:fontDin; text-transform:uppercase;}
.ab_c{ font-size:15px; color:#666666; line-height:30px; margin:3.4% 0;}
.abbtn{ font-size:0;}
.abbtn a{ display:inline-block; text-align:center; width:158px; line-height:52px; background:#0c42ac; transition:all .3s ease; font-size:16px; color:#fff;}
.abbtn a:hover{ width:180px;}
.abbtn a+a{ background:#333;}
.about .title{ margin:90px 0 140px 0;}
.ablrhbox{ overflow:hidden; margin-top: 3%;}
.ablrh{width: 46%; }
.ablrh img{border-radius: 20px 0px 0px 0px; width: 100%;}

.zj-set6{background:#f5f5f5;padding:3% 0}
.zj-set6-cont{padding-bottom:6% !important; margin-top: 3%;}
.zj-set6-cont li .img{margin-bottom:3%; overflow: hidden;}
.zj-set6-cont li .img img{width:100%;}
.zj-set6-cont li{text-align:center; margin-right: 2%;}
.zj-set6-cont li .hbt{font-size:16px;color:#333333;}
.zj-set6-cont li p{color:#757575}

/*首页---新闻中心*/
.news{padding: 3% 0; overflow: hidden;}
.homeTop{overflow:hidden;margin-bottom:3%;position:relative;}
.hTitle{font-size:1rem;position: relative;line-height:1.4;text-align:center;margin-bottom:3%;}
.hTitle span{display: block;font-size:40px;color:#191919;font-weight:700;}
.homeTop .hTitle{margin-bottom:0;text-align:left;}
.homeMenu{position:absolute;right:2%;bottom:5px;font-size:1.286em;text-align:center;}
.homeMenu a{position:relative;color:#333;text-align:center;z-index:2;padding-bottom:10px;display:inline-block;margin-left:40px;}
.homeMenu a::after{content:"";position:absolute;left:0;bottom:0;background:#0c42ac;width:100%;height:2px;z-index:-1;transform: scale(0,1);transform-origin:right;transition:transform .5s;}
.homeMenu .on{color:#0c42ac;}
.homeMenu .on::after{transform: scale(1);transform-origin:left;}


.newsL{width:48%;background:#f7f7f7;font-size: 16px; overflow: hidden;}
.newsL dt{height:auto;overflow:hidden;margin-bottom:15px;}
.newsL dt .bgImg{width: 100%;}
.newsL dt .bgImg img{width: 100%;}
.newsL dd{padding:0 30px;height:45px;line-height:45px;}
.newsL dd a{background: url('../images/news_li.png') no-repeat left center;padding-left:20px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;
}
.newsL dd i{float:right;font-family:"iconfont";font-style:normal;margin-left:15px;transition:all .5s;}
.newsL dd a:hover i{margin-right:10px;}
.newsL dd a:hover{padding-left:30px;background-position: 10px center;}

.newsR{width:48%;overflow:hidden;border-top: 1px solid #e5e5e5;}
.newsR li{color:#888;border-bottom: 1px solid #e5e5e5;position: relative;}
.newsR li a{display:block;padding:20px 0; padding-right:180px;color:#888;transition:all .6s;}
.newsR li .date{width:120px;text-align:center; font-size: .75rem;color: #999;font-family: Arial;line-height: 1.2;margin-right:-180px;transition: all .5s;border-left: 1px solid #e5e5e5;background: url('../images/news_arr.png') no-repeat 120px center;height:80px;}
.newsR li .date b{font-size: 3.667em;color: #333;display: block;font-weight:normal;font-weight:700;margin-bottom:5px;}
.newsR li .nbt{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;color:#191919;}
.newsR li .txt{text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.newsR li a:hover{background:#f1f1f1;padding-left:20px;}
.newsR li a:hover .nbt{color: #0c42ac;}
.newsR li a:hover .date{font-size:0;line-height:0; background-position: center center;transition: background .5s;}


/*友情链接*/
.foorterLink{background-color: #efefef;padding: 20px 0; overflow: hidden; box-sizing: border-box;}
.foorterLink span{color: #333333;font-size: 14px;}
.foorterLink a{font-size: 14px;color: #666666;padding: 0 15px;border-right: 1px solid #b7b7b7;transition: all .5s;}
.foorterLink a:hover{color: #0c42ac}
.foorterLink a:last-child{border-right: 0;}

.foot_nav{height:45px; display: none;}
.bottomToolbar{width:100%; font-size:1em; position:fixed; display:block; margin:0; padding:0; bottom:0; left:0; text-align:center; z-index:999; background:#000;}
.bottomToolbar li{width:24.6%;float:left;position:relative;text-align:center; border-right:1px solid #4c4d4d;}
.bottomToolbar li img{text-align:center; margin:auto; width:auto; height:23px;}
.bottomToolbar li a {padding:5px 0 2px 0;margin-right:1px; display:block;font-size:20px;text-align:center;color:#FFF;text-decoration:none;}
.bottomToolbar li a:hover,.bottomToolbar li.over{background-color:#0c42ac;color:#fff;}
.bottomToolbar li em{text-align:center;margin:0 auto;color:#fff;font-size:0.8rem;display:block;font-style:normal;}
.bottomToolbar li a:hover em{color:#fff;}


.listBanner{width:100%;height:auto;background-position: center;background-repeat: no-repeat;background-size:cover; position:relative;}
.listBanner img{width:100%; height:auto;}
.listBanner .nybt{position:absolute;color:#fff;top:40%;font-size:40px;text-transform:uppercase;width:100%;font-weight:700;padding-bottom:3%;animation:leftPic 1s;max-width:1280px;min-width:360px;left:50%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%);}
.listBanner .nybt span{display: block;font-size:16px;font-weight: 400;opacity: 0.5; margin-top:1%;}

.cp-nav{padding: 1% 0; overflow:hidden; background:#f4f4f4}
.cp-nav .con-nav .fl img{display: inline-block; vertical-align: middle; margin-right: 5px;}
.cp-nav .con-nav .fl a{display: inline-block; vertical-align: middle; font-size:16px}
.cp-nav .con-nav .fl a:last-of-type{color: #0c42ac;}
.cp-nav .con-nav .fr{text-align: right; padding-top: 0px;}
.con-nav .fr{text-align:right;padding-top:25px}
.con-nav .fr a{font-size:16px;color:#333333;font-weight:bold;padding-right:20px;margin-right:20px;border-right:1px dashed #3a3a3a;line-height:13px}
.con-nav .fr a:last-of-type{margin-right:0;padding-right:0;border-right:unset}
.con-nav .fr a:hover{color:#0c42ac}
.con-nav .fr a.on{color:#0c42ac}

.cp-nav{padding: 1% 0; overflow:hidden; background:#f4f4f4}
.cp-nav .con-nav .fl img{display: inline-block; vertical-align: middle; margin-right: 5px;}
.cp-nav .con-nav .fl a{display: inline-block; vertical-align: middle; font-size:16px}
.cp-nav .con-nav .fl a:last-of-type{color: #0c42ac;}
.cp-nav .con-nav .fr{text-align: right; padding-top: 0px;}
.con-nav .fr{text-align:right;padding-top:25px}
.con-nav .fr a{font-size:16px;color:#333333;font-weight:bold;padding-right:20px;margin-right:20px;border-right:1px dashed #3a3a3a;line-height:13px}
.con-nav .fr a:last-of-type{margin-right:0;padding-right:0;border-right:unset}
.con-nav .fr a:hover{color:#0c42ac}
.con-nav .fr a.on{color:#0c42ac}

.nyaboutbox{width: 100%; height: auto; overflow: hidden; padding:2% 0; box-sizing: border-box;}

.about-tit{font-size: 26px;color: #0c42ac;margin-bottom: 2%}

.ny-about{font-size:16px;color:#222;line-height:30px; overflow: hidden;}
.ny-about img{max-width: 100%; height: auto; display: block; margin:auto; clear:both;}

.aimg{width: 100%; padding: 2% 0; height: auto; overflow: hidden;}
.aimg ul{ margin-right: -1%}
.aimg li{width:32.333%; float: left; margin-right: 1%}
.aimg li .abimg{overflow: hidden;}
.aimg li .abimg img{width: 100%; overflow: hidden; transition: all .5s; -webkit-transition: all .5s;}
.aimg li:hover .abimg img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.nyaboutbox2{width: 100%; height: auto; overflow: hidden; padding:3% 0; box-sizing: border-box; background: #f5f5f5;}


.ny-about2{font-size:16px;color:#222;line-height:35px; overflow: hidden; float:left; width:42%; margin-top:4%;}
.ny-about2 span{font-weight: 600;}
.aimg2{width: 45%; height: auto; overflow: hidden; float:right; margin-top: 4%;}
.aimg2 img{width: 100%;}

.style-list{ margin-right:-2%;}
.style-list a{display: block;min-height: 100%;background: #fff;transition: all .4s; width:23%; margin-right:2%; float:left; margin-bottom:2%;}
.style-list a:hover{box-shadow:0 0 15px rgba(0,0,0,0.1);transform:translate(0%,-20px);background: #0c42ac;}
.style-list div{border: 2px solid #ebebeb;overflow: hidden;transition: all .4s;}
.style-list a:hover div{border: 2px solid #0c42ac;}
.style-list p{margin: 10px 0;font-size: 14px;line-height: 20px;color: #666;text-align: center;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;transition: all .4s;}
.style-list a:hover p{color: #fff;}
.zoom-img{overflow: hidden;}
.zoom-img img{width: 100%;transform: scale(1);transition: all ease 0.6s;}
.zoom-img:hover img{transform: scale(1.1);}


.in_pr{width: 100%; margin: 0 auto; overflow: hidden;}
.in_pr ul{}
.in_pr li{overflow: hidden; display: flex;justify-content: space-between;align-items: center; background: #f5f5f5;}
.in_pr li .pleft{width: 50%; height: auto;  float: left;}
.in_pr li .pleft img{width: 100%;}
.in_pr li .pright{width:45%; box-sizing: border-box; float: right;margin-right: 2%;}
.in_pr li:nth-child(2n) .pright {margin-left: 2%;}
.in_pr li .pright_zi{font-size: 24px; line-height: 48px; color: #333; font-weight: 600}
.in_pr li .pright_ny{font-size: 16px; line-height: 25px; color: #555;}
.in_pr li .pright_xny{font-size: 16px; line-height:32px; color: #555; padding-top: 00px;}

pre{display: block;border: none;background: none;padding: 0px;white-space: pre-wrap;font-family:Arial, sans-serif;}
.news-list{width: 100%;overflow: hidden;box-sizing: border-box;}
.news-list ul{margin-right: -2%}
.news-list li{padding:1%;border: 1px solid #ebebeb;transition: all .4s;box-sizing: border-box;margin-bottom: 2%;width: 31.333%;margin-right: 2%;float: left;}
.news-list li:hover{border: 1px solid #0c42ac;transition: all .4s;}
.news-list li .news-list_left{display: inline-block;overflow: hidden;}
.news-list li .news-list_right{display: inline-block;margin-top: 2%}
.news-img{width: 100%;vertical-align: top;-webkit-transition:0.5s;transition:0.5s;overflow: hidden;}
.news-img img{width: 100%;-webkit-transition:0.5s;transition:0.5s;overflow: hidden;}
.news-img video{width: 100%;}
.news-video:after{content:"video";display: inline-block;position: absolute;z-index:2;top: 15px;left: 20px;padding: 5px 10px;font-size: 14px;line-height: 1em;color: #fff;background-color:rgba(0,0,0,0.5);border-radius: 4px;transition:all .4s;}
.news-video:hover:after{content:"video";background-color:rgba(95,167,118,0.9);}
a.index-n-title{font-size: 16px;line-height: 1.5em;color: #333;font-weight: bold;max-height: 3em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.news-list li:hover a.index-n-title{color: #0c42ac;}
.news-list li:hover a.index-n-title:hover{text-decoration: underline;color: #0c42ac;}
.news-list pre{margin: 2% 0;font-size: 15px;line-height: 1.75em;height: auto;color: #666;display: block;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.news-list li:hover pre{color: #666;opacity: 0.8;}
.news-list .time-link{margin-top: 0px;}
.news-list .time-link small{font-size: 13px;line-height: 36px;color: #999;transition: all .4s;}
.news-list li:hover .time-link small{color: #999;}
.news-list .time-link a{float: right;position: relative;z-index: 1;display: inline-block;width: 36px;height: 36px;text-align: center;transition: all .4s;}
.news-list .time-link a:after{content: "";position: absolute;z-index: -1;top: 0px;left: 0%;width: 100%;height: 100%;border: 1px dashed #fff;border-radius: 50%;opacity: 0;transition: all .4s;}
.news-list .time-link a:hover:after{content: "";-webkit-animation: changeright 6s linear infinite;opacity: 1;}
.news-list .time-link span{display: inline-block;width: 36px;height: 36px;line-height: 36px;font-size: 20px;color: #999;transition: all .4s;}
.news-list li:hover .time-link span{color: #ebebeb;}
.news-list li:hover .news-img{transform:scale(1.1);-webkit-transform:scale(1.1);}

.xinwenxiangqing{overflow: hidden;box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;margin:2% 0;border-bottom: 1px dashed #d6d6d6;padding-bottom: 2%}
.xinwenxiangqing .nd_head p{color: #0c42ac;font-size: 28px;height: auto;padding-bottom: 2%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:14px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px;line-height: 35px;font-weight: 600;color:#0c42ac}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#0c42ac;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#0c42ac;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:5% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #0c42ac}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}

.contact{width: 100%;height: auto;overflow: hidden;padding: 0% 0;box-sizing: border-box;}
.contact_lx{float: left;width:52%;font-size: 16px;line-height: 35px;}
.contact_lx .txt{overflow: hidden;}
.contact_lx .txt .bt{font-size: 24px;line-height: 36px;color: #000;}
.contact_lx .txt .nr{font-size: 16px;line-height: 36px;color: #666;margin-top: 15px;}
.contact_lx .txt .ewm{width: 160px;margin-top: 20px;}
.contact_lx .txt .ewm img{display: block;width: 100%;}
.contact_lx .txt .ewm p{font-size: 16px;line-height: 24px;color: #666;text-align: center;padding-top: 7px;}


.tactfrms{width:45%;float:right;}
#map_container{height: 450px;}
.bot{background: #f3f3f3;overflow: hidden;}
.bot .t-center{text-align: center;padding-top:2%}
.bot .title{font-size: 32px;line-height: 1.85;}
.bot .ltitle{font-size: 14px;line-height: 25px;color:#777;margin-top: 5px;margin-bottom:0%;}
.bot .form{padding:2.2% 0%;display: block;}
.bot .tip{font-size: 14px;line-height: 22px;color:#666666;}
.bot .input{display: block;width: 100%;background-color: #fff;font-size: 14px;line-height: 32px;padding:8px 2.2%;color:#999;margin:2% 0;box-sizing: border-box;}
.bot .input:focus{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.bot .br{border-radius: 5px;}
.bot .submit{line-height: 44px;height: 44px;padding:0 45px;display: inline-block;background-color: #0c42ac;font-size: 15px;color: #fff;cursor: pointer;}
.bot .submit:hover{background-color: #0c42ac;}
.col-sm-6{width: 50%;float: left;padding: 0 2%;box-sizing: border-box;}
.col-xs-12{padding: 0 2%;box-sizing: border-box;}

.nyprobox{overflow: hidden;}
.list{ width:22%; background:#f1f1f1; float: left;} 

.list_3{ height:auto; background:#0349b4; color:#fff;}
.list_3 p{ padding-top:8%; text-align:center; color:#fff;}
.list_3 span a{ display:inline-block; width:130px; line-height:36px; border-radius:20px; font-size:16px; background:#fe6505;  color:#fff;     line-height: 36px;}
.list_3 em{ display:block; font-size:25px; margin-top:10px;  line-height: 35px;}
.list_31{height:auto; background:#0349b4; color:#fff;  padding:5%; box-sizing: border-box;}
.list_31 img{margin: auto; clear: both; display: block;}
.list_31 p{font-size: 15px; color:#fff; line-height: 34px; text-align: center;}

.proright{width: 78%; overflow: hidden; float: right;}
.ny_prolist { width:31.3%; margin:0 1%; float:left; margin-bottom:2%; overflow:hidden;}
.ny_propic { position:relative; overflow:hidden;}
.ny_propic a { display:block;}
.ny_propic a img { width:100%; }
.ny_propic a:before { content:''; width:0%; height:0%; background-color:rgba(0 ,0,0,0.3); position:absolute; z-index:2; top:0; display:block; transition: all 0.3s;}
.ny_propic span { width:60px; height:60px; display: none; position:absolute; z-index:3; left:50%; margin-left:-30px; top:39%; border: solid 1px #fff; border-radius:60px; font-size:14px; color:#fff; line-height:60px; text-align:center; box-sizing:border-box;}
.ny_prolist:hover .ny_propic a:before { width:100%; height:100%;}
.ny_prolist:hover .ny_propic span { display:block;}

.ny_protil { width:100%; background:#f5f5f5; margin-top:0.8%; position:relative; overflow:hidden;}
.ny_protil a { height:45%; padding:6%; font-size:16px; position:relative; z-index:2; display:block; box-sizing: border-box;} 
.ny_prolist:hover .ny_protil span { background-position:0px -12px; transition:all 0.3s;}
.ny_prolist:hover .ny_protil a { color:#fff;}
.ny_protil:before { width:0; height:100%; content:""; display: block; position:absolute; left:0; bottom:0; background:#f5811a; transition: all 0.3s;}
.ny_prolist:hover .ny_protil:before { width:100%;}


.productss{width:100%;}
.productss img{max-width: none!important;}
.promore_l{width:40%;float:left; }

.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{margin: auto; display: block; clear: both; width: 100%}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:99.6%; height:auto;border:1px solid #d6d6d6;  text-align: center;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:78%; height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #0349b4; padding:1px;}

.pros_right{width:55%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom: 2px solid #ddd;}
.pros_right_top .pbt{overflow:hidden; display:inline-block; font-size:24px; color:#0349b4; padding-bottom:10px;}
.pros_right_top .pwz{font-size:18px; line-height:30px; margin-bottom:10px; font-weight:600}
.proleft{width:100%;font-size:14px; line-height:30px; margin-top:2%;}
.proleft p{font-size:14px; line-height:25px; }


.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #ddd;padding-top: 20px; overflow:hidden; margin-top:20px;}
.pc-cx-tel-1-t1{width: 30%; float: right;}
.pc-cx-tel-1-t1 ul{margin-right: -2%}
.pc-cx-tel-1-t1 li{width:98%;height: auto;background: #0349b4;font-size: 18px;line-height: 44px;text-align: center;float: left; margin-right: 2%}
.pc-cx-tel-1-t1 li a{display: block;color: #fff;}
.pico{overflow:hidden; margin-bottom:3%;}
.pico img{max-width:70%}
.telsss{padding-bottom:20px;background: url('../images/p_icon.png') no-repeat left 0px;background-size:20px; padding-left:30px;color:#191919;font-size:1.571em;}
.telsss span{color:#0349b4;}

.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:33%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #0349b4;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#ef8200;color:#fff;}
.pbtn a:nth-child(2){width:50%; background:#ef8200;}

.pc-cx-tel-1-t2{height: 56px;padding-left: 70px;background: url(../images/head-c-r1.png) no-repeat 0px top;font-size: 18px;color: #454545; float:left}
.pc-cx-tel-1-t2 p{line-height: 24px;}

.pc-cx-tel-1s{width: 100%;height: auto; overflow: hidden;}
.pc-cx-tel-1s dl{}
.pc-cx-tel-1s dd{width:45%;height: auto;background: #eee;font-size: 18px;line-height: 30px;text-align: center; margin: 0 2.5%;display:block; padding: 0!important; float: left;}
.pc-cx-tel-1s dd a:hover{background: #0349b4; display:block; color: #fff; border: 0!important}

.pc-cx-tel-2s{width: 100%;height: auto; overflow: hidden;}
.pc-cx-tel-2s dl{}
.pc-cx-tel-2s dd{width:47%;height: auto;background: #eee;font-size: 16px;line-height:40px;text-align: center; margin: 0 5% 0 0;display:block; padding: 0!important; float: left;}
.pc-cx-tel-2s dd a:hover{background: #0349b4; display:block; color: #fff; border: 0!important}
.pc-cx-tel-2s dd:last-child{margin-right: 0}



.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block; color: #0055b4}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#0349b4; color:#fff;}

.tabs-basic{width:100%; margin-top:5%; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:15px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #0349b4; color:#fff; background:#0349b4;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; margin:auto; display: block; clear: both;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:5%;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#0349b4; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px; margin-bottom: 30px;}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #0349b4;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.toptit {background-image: url(../images/btmbg.jpg); font-size: 22px;color:#fff; line-height: 52px;  padding-left:16px; margin-bottom:20px;}


.view-page{width:100%; float:left; position:relative; margin:40px 0; border-top:1px solid #d6d6d6; padding-top:40px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6; color: #555; line-height: 38px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #0349b4;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #0349b4;color: #fff; text-align:center; padding-left:25px; line-height: 40px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #0349b4; color:#000;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6; line-height: 38px; color: #555}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #0349b4;}